﻿<!DOCTYPE html>

<html style="min-height: 308px;">
<head>
    <meta charset="UTF-8">
    <title>@ViewBag.Title</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <link href="@Url.Content("~/css/bootstrap.min.css")" rel="stylesheet" />
    <link href="http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
    <!-- Ionicons -->
    <link href="@Url.Content("~/css/ionicons.min.css")" rel="stylesheet" />
    <link href="../css/datatables/dataTables.bootstrap.css" rel="stylesheet" type="text/css" />
    <link href="../css/datepicker/datepicker3.css" rel="stylesheet" />
    <link href="@Url.Content("~/css/ui-notifications.css")" rel="stylesheet" />

    <!-- Theme style -->
    <link type="text/css" rel="stylesheet" href="../css/AdminLTE.css">

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
          <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
          <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
        <![endif]-->
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>

    <!-- Bootstrap -->
    <script src="@Url.Content("~/js/AdminLTE/bootstrap.min.js")"></script>
    <script src="../js/plugins/datatables/jquery.dataTables.js" type="text/javascript"></script>
    <script src="../js/plugins/datatables/dataTables.bootstrap.js" type="text/javascript"></script>

    <script src="@Url.Content("~/js/plugins/datepicker/bootstrap-datepicker.js")"></script>
    <script src="@Url.Content("~/js/plugins/howl/howl.js")"></script>

    <!-- AdminLTE App -->
    <script type="text/javascript" src="../js/AdminLTE/app.js"></script>

</head>
<body class="skin-blue  pace-done" style="min-height: 308px">
    <!-- header logo: style can be found in header.less -->
    <header class="header">
        <a class="logo" href="@Url.Action("Index","Home")">
            <!-- Add the class icon to your logo image or logo icon to add the margining -->
            AdminLTE
        </a>
        <!-- Header Navbar: style can be found in header.less -->
        <nav role="navigation" class="navbar navbar-static-top">
            <!-- Sidebar toggle button-->
            <a role="button" data-toggle="offcanvas" class="navbar-btn sidebar-toggle" href="#">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </a>
            <div class="navbar-right">
                <ul class="nav navbar-nav">
                    <!-- Messages: style can be found in dropdown.less-->
                    <li class="dropdown messages-menu">
                        <a data-toggle="dropdown" class="dropdown-toggle" href="#">
                            <i class="fa fa-envelope"></i>
                            <span class="label label-success">4</span>
                        </a>
                        <ul class="dropdown-menu">
                            <li class="header">You have 4 messages</li>
                            <li>
                                <!-- inner menu: contains the actual data -->
                                <div class="slimScrollDiv" style="position: relative; overflow: hidden; width: auto; height: 200px;">
                                    <ul class="menu" style="overflow: hidden; width: 100%; height: 200px;">
                                        <li>
                                            <!-- start message -->
                                            <a href="#">
                                                <div class="pull-left">
                                                    <img alt="User Image" class="img-circle" src="img/avatar3.png">
                                                </div>
                                                <h4>Support Team
                                                   
                                                    <small><i class="fa fa-clock-o"></i>5 mins</small>
                                                </h4>
                                                <p>Why not buy a new awesome theme?</p>
                                            </a>
                                        </li>
                                        <!-- end message -->
                                        <li>
                                            <a href="#">
                                                <div class="pull-left">
                                                    <img alt="user image" class="img-circle" src="img/avatar2.png">
                                                </div>
                                                <h4>AdminLTE Design Team
                                                   
                                                    <small><i class="fa fa-clock-o"></i>2 hours</small>
                                                </h4>
                                                <p>Why not buy a new awesome theme?</p>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <div class="pull-left">
                                                    <img alt="user image" class="img-circle" src="img/avatar.png">
                                                </div>
                                                <h4>Developers
                                                   
                                                    <small><i class="fa fa-clock-o"></i>Today</small>
                                                </h4>
                                                <p>Why not buy a new awesome theme?</p>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <div class="pull-left">
                                                    <img alt="user image" class="img-circle" src="img/avatar2.png">
                                                </div>
                                                <h4>Sales Department
                                                   
                                                    <small><i class="fa fa-clock-o"></i>Yesterday</small>
                                                </h4>
                                                <p>Why not buy a new awesome theme?</p>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <div class="pull-left">
                                                    <img alt="user image" class="img-circle" src="img/avatar.png">
                                                </div>
                                                <h4>Reviewers
                                                   
                                                    <small><i class="fa fa-clock-o"></i>2 days</small>
                                                </h4>
                                                <p>Why not buy a new awesome theme?</p>
                                            </a>
                                        </li>
                                    </ul>
                                    <div class="slimScrollBar" style="background: none repeat scroll 0% 0% rgb(0, 0, 0); width: 3px; position: absolute; top: 0px; opacity: 0.4; display: block; border-radius: 0px; z-index: 99; right: 1px;"></div>
                                    <div class="slimScrollRail" style="width: 3px; height: 100%; position: absolute; top: 0px; display: none; border-radius: 0px; background: none repeat scroll 0% 0% rgb(51, 51, 51); opacity: 0.2; z-index: 90; right: 1px;"></div>
                                </div>
                            </li>
                            <li class="footer"><a href="#">See All Messages</a></li>
                        </ul>
                    </li>
                    <!-- Notifications: style can be found in dropdown.less -->
                    <li class="dropdown notifications-menu">
                        <a data-toggle="dropdown" class="dropdown-toggle" href="#">
                            <i class="fa fa-warning"></i>
                            <span class="label label-warning">10</span>
                        </a>
                        <ul class="dropdown-menu">
                            <li class="header">You have 10 notifications</li>
                            <li>
                                <!-- inner menu: contains the actual data -->
                                <div class="slimScrollDiv" style="position: relative; overflow: hidden; width: auto; height: 200px;">
                                    <ul class="menu" style="overflow: hidden; width: 100%; height: 200px;">
                                        <li>
                                            <a href="#">
                                                <i class="ion ion-ios7-people info"></i>5 new members joined today
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <i class="fa fa-warning danger"></i>Very long description here that may not fit into the page and may cause design problems
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <i class="fa fa-users warning"></i>5 new members joined
                                            </a>
                                        </li>

                                        <li>
                                            <a href="#">
                                                <i class="ion ion-ios7-cart success"></i>25 sales made
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <i class="ion ion-ios7-person danger"></i>You changed your username
                                            </a>
                                        </li>
                                    </ul>
                                    <div class="slimScrollBar" style="background: none repeat scroll 0% 0% rgb(0, 0, 0); width: 3px; position: absolute; top: 0px; opacity: 0.4; display: block; border-radius: 0px; z-index: 99; right: 1px;"></div>
                                    <div class="slimScrollRail" style="width: 3px; height: 100%; position: absolute; top: 0px; display: none; border-radius: 0px; background: none repeat scroll 0% 0% rgb(51, 51, 51); opacity: 0.2; z-index: 90; right: 1px;"></div>
                                </div>
                            </li>
                            <li class="footer"><a href="#">View all</a></li>
                        </ul>
                    </li>
                    <!-- Tasks: style can be found in dropdown.less -->
                    <li class="dropdown tasks-menu">
                        <a data-toggle="dropdown" class="dropdown-toggle" href="#">
                            <i class="fa fa-tasks"></i>
                            <span class="label label-danger">9</span>
                        </a>
                        <ul class="dropdown-menu">
                            <li class="header">You have 9 tasks</li>
                            <li>
                                <!-- inner menu: contains the actual data -->
                                <div class="slimScrollDiv" style="position: relative; overflow: hidden; width: auto; height: 200px;">
                                    <ul class="menu" style="overflow: hidden; width: 100%; height: 200px;">
                                        <li>
                                            <!-- Task item -->
                                            <a href="#">
                                                <h3>Design some buttons
                                                   
                                                    <small class="pull-right">20%</small>
                                                </h3>
                                                <div class="progress xs">
                                                    <div aria-valuemax="100" aria-valuemin="0" aria-valuenow="20" role="progressbar" style="width: 20%" class="progress-bar progress-bar-aqua">
                                                        <span class="sr-only">20% Complete</span>
                                                    </div>
                                                </div>
                                            </a>
                                        </li>
                                        <!-- end task item -->
                                        <li>
                                            <!-- Task item -->
                                            <a href="#">
                                                <h3>Create a nice theme
                                                   
                                                    <small class="pull-right">40%</small>
                                                </h3>
                                                <div class="progress xs">
                                                    <div aria-valuemax="100" aria-valuemin="0" aria-valuenow="20" role="progressbar" style="width: 40%" class="progress-bar progress-bar-green">
                                                        <span class="sr-only">40% Complete</span>
                                                    </div>
                                                </div>
                                            </a>
                                        </li>
                                        <!-- end task item -->
                                        <li>
                                            <!-- Task item -->
                                            <a href="#">
                                                <h3>Some task I need to do
                                                   
                                                    <small class="pull-right">60%</small>
                                                </h3>
                                                <div class="progress xs">
                                                    <div aria-valuemax="100" aria-valuemin="0" aria-valuenow="20" role="progressbar" style="width: 60%" class="progress-bar progress-bar-red">
                                                        <span class="sr-only">60% Complete</span>
                                                    </div>
                                                </div>
                                            </a>
                                        </li>
                                        <!-- end task item -->
                                        <li>
                                            <!-- Task item -->
                                            <a href="#">
                                                <h3>Make beautiful transitions
                                                   
                                                    <small class="pull-right">80%</small>
                                                </h3>
                                                <div class="progress xs">
                                                    <div aria-valuemax="100" aria-valuemin="0" aria-valuenow="20" role="progressbar" style="width: 80%" class="progress-bar progress-bar-yellow">
                                                        <span class="sr-only">80% Complete</span>
                                                    </div>
                                                </div>
                                            </a>
                                        </li>
                                        <!-- end task item -->
                                    </ul>
                                    <div class="slimScrollBar" style="background: none repeat scroll 0% 0% rgb(0, 0, 0); width: 3px; position: absolute; top: 0px; opacity: 0.4; display: block; border-radius: 0px; z-index: 99; right: 1px;"></div>
                                    <div class="slimScrollRail" style="width: 3px; height: 100%; position: absolute; top: 0px; display: none; border-radius: 0px; background: none repeat scroll 0% 0% rgb(51, 51, 51); opacity: 0.2; z-index: 90; right: 1px;"></div>
                                </div>
                            </li>
                            <li class="footer">
                                <a href="#">View all tasks</a>
                            </li>
                        </ul>
                    </li>
                    <!-- User Account: style can be found in dropdown.less -->
                    <li class="dropdown user user-menu">
                        @{
                            string Username = string.Empty;
                            string Rolename = string.Empty;
                            string profilepic = string.Empty;
                            if (CompanyManagement.Utility.checkCookie())
                            {
                                Username = CompanyManagement.Utility.getUserName();
                                Rolename = CompanyManagement.Utility.getRolename();
                                profilepic = CompanyManagement.Utility.getProfilePic();
                            }
                                    
                        }
                        <a data-toggle="dropdown" class="dropdown-toggle" href="#">
                            <i class="glyphicon glyphicon-user"></i>
                            <span>@Username <i class="caret"></i></span>
                        </a>
                        <ul class="dropdown-menu">
                            <!-- User image -->
                            <li class="user-header bg-light-blue">
                                @if (string.IsNullOrEmpty(profilepic))
                                {
                                    <img alt="User Image" class="img-circle" id="smalluserimg" src="../img/avatar3.png">
                                }
                                else
                                {
                                    <img alt="User Image" class="img-circle" id="smalluserimg" src="@Url.Content("~/ProfilePics/" + CompanyManagement.Utility.getProfilePic())" />
                                }
                                <p>
                                    @Username - @Rolename

                                    <small>Member since Nov. 2012</small>
                                </p>
                            </li>
                            <!-- Menu Body -->
                            <li class="user-body">
                                <div class="text-center">
                                    <a href="@Url.Action("Index", "ChangePassword")">Change Password</a>
                                </div>
                            </li>
                            <!-- Menu Footer-->
                            <li class="user-footer">
                                <div class="pull-left">
                                    <a class="btn btn-default btn-flat" href="@Url.Action("Index", "Profile")">Profile</a>
                                </div>
                                <div class="pull-right">
                                    <a class="btn btn-default btn-flat" href="@Url.Action("Logout", "Login")">Sign out</a>
                                </div>
                            </li>
                        </ul>
                    </li>
                </ul>
            </div>
        </nav>
    </header>
    <div class="wrapper row-offcanvas row-offcanvas-left" style="min-height: 308px;">
        <!-- Left side column. contains the logo and sidebar -->
        <aside class="left-side sidebar-offcanvas" style="min-height: 308px;">
            <!-- sidebar: style can be found in sidebar.less -->
            <section class="sidebar">
                <!-- Sidebar user panel -->
                <div class="user-panel">
                    <div class="pull-left image">
                        @if (string.IsNullOrEmpty(CompanyManagement.Utility.getProfilePic()))
                        {
                            <img alt="User Image" class="img-circle" id="biguserimg" src="../img/avatar3.png">
                        }
                        else
                        {
                            <img alt="User Image" class="img-circle" id="biguserimg" src="@Url.Content("~/ProfilePics/" + CompanyManagement.Utility.getProfilePic())" />
                        }
                    </div>
                    <div class="pull-left info">
                        <p>Hello, @Username</p>

                        <a href="#"><i class="fa fa-circle text-success"></i>Online</a>
                    </div>
                </div>
                @*   <!-- search form -->
                <form class="sidebar-form" method="get" action="#">
                    <div class="input-group">
                        <input type="text" placeholder="Search..." class="form-control" name="q" kl_virtual_keyboard_secure_input="on">
                        <span class="input-group-btn">
                            <button class="btn btn-flat" id="search-btn" name="seach" type="submit"><i class="fa fa-search"></i></button>
                        </span>
                    </div>
                </form>
                <!-- /.search form -->*@
                <!-- sidebar menu: : style can be found in sidebar.less -->
                <ul class="sidebar-menu">

                    <li>
                        <a href="@Url.Action("Index", "Home")">
                            <i class="fa fa-dashboard"></i><span>Dashboard</span>
                        </a>
                    </li>
                    @if (CompanyManagement.Utility.getRoleID() == 1)
                    {
                        <li>
                            <a href="@Url.Action("Index", "User")">
                                <i class="fa fa-user"></i><span>User</span>
                            </a>
                        </li>
                        <li>
                            <a href="@Url.Action("Index", "Role")">
                                <i class="fa fa-asterisk"></i><span>Role</span>
                            </a>
                        </li>
                    }
                    <li>
                        <a href="@Url.Action("Index", "Project")">
                            <i class="fa fa-th"></i><span>Project</span>
                        </a>
                    </li>
                    <li>
                        <a href="@Url.Action("Index", "Module")">
                            <i class="fa fa-table"></i><span>Module</span>
                        </a>
                    </li>
                    <li>
                        <a href="@Url.Action("Index", "Task")">
                            <i class="fa fa-tasks"></i><span>Task</span>
                        </a>
                    </li>
                </ul>
            </section>
            <!-- /.sidebar -->
        </aside>

        <!-- Right side column. Contains the navbar and content of the page -->
        <aside class="right-side">
            <!-- Content Header (Page header) -->
            <section class="content-header">
                <h1 id="pagetitle">Blank page
                </h1>
                @* <ol class="breadcrumb">
                    <li><a href="#"><i class="fa fa-dashboard"></i>Home</a></li>
                    <li class="active">Blank page</li>
                </ol>*@
            </section>

            <!-- Main content -->
            <section class="content">
                @RenderBody()
            </section>
            <!-- /.content -->
        </aside>
        <!-- /.right-side -->
    </div>
    <!-- ./wrapper -->


    <!-- jQuery 2.0.2 -->


    <script type="text/javascript">

        $(document).ready(function () {
            $('.dataTable').dataTable({
                "bPaginate": true,
                "bLengthChange": true,
                "bFilter": true,
                "bSort": true,
                "bInfo": true,
                "bAutoWidth": false
            });

            $('.date-picker').datepicker({
                orientation: "left",
                autoclose: true,
                format: 'mm/dd/yyyy'
            });

            setTimeout("jQuery('.alert').hide();", 5000);

            var cookie = '@Request.Cookies["LoginCookie"]';

            if (cookie != '') {
                $.howl({
                    type: $(".howl").data('type')
                       , title: 'Last Login Date'
                       , content: '@CompanyManagement.Utility.getLastLoginDate().'
                    , sticky: $(this).data('sticky')
                    , lifetime: 10000
                    , iconCls: $(this).data('icon')
                });
               }
        });
    </script>

</body>
</html>
